<template>
	<view :style="{zoom:(getZoom?getZoom():1.0)}">
		<!-- 头像区域 -->
		<view class="su-mypanel su-border bottom" 
			@click="_toView('/pages/system/user/info/index')">
			<view class="su-mypanel-content">
				<image class="su-content-img" :src="headData.img" mode="aspectFill" :lazy-load="true"></image>
				<view class="su-content-div">
					<view class="su-nowrap su-content-title">
						<text>{{ headData.name }}</text>
					</view>
					<view class="su-nowrap su-content-text">
						<text>{{ headData.label }}</text>
					</view>
				</view>
				<view class="su-mypanel-right">
					<text class="iconfont su-right-icon">&#xe632;</text>
					<text class="iconfont su-right-icon2">&#xe619;</text>
				</view>
			</view>
		</view>
		<!-- cell区域 -->
		<view class="uni-card su-list">
			<view class="uni-list">
				<view class="uni-list-cell" @click="_noapp">
					<view class="su-list-icon" style="background-color:#DF614C;">
						<text class="iconfont su-cell-icon">&#xe73d;</text>
					</view>
					<view class="uni-list-cell-navigate uni-navigate-right">关注的事项</view>
				</view>
				<view class="uni-list-cell" @click="_noapp">
					<view class="su-list-icon" style="background-color:#31B3F5;padding-top: 4upx;">
						<text class="iconfont su-cell-icon" style="font-size:34upx;">&#xe68b;</text>
					</view>
					<view class="uni-list-cell-navigate uni-navigate-right">未完成事项</view>
				</view>
				<view class="uni-list-cell uni-list-cell-last" @click="_noapp">
					<view class="su-list-icon" style="background-color:#F09951;">
						<text class="iconfont su-cell-icon">&#xe631;</text>
					</view>
					<view class="uni-list-cell-navigate uni-navigate-right">消息提醒设置</view>
				</view>
				<view class="uni-list-cell uni-list-cell-last" @click="_toView('/pages/system/user/address/address')">
					<view class="su-list-icon" style="background-color:#4e92df;">
						<text class="demofont address">&#xe71e;</text>
					</view>
					<view class="uni-list-cell-navigate uni-navigate-right">地址管理</view>
				</view>
				<view class="uni-list-cell uni-list-cell-last" @click="_toView('/pages/system/user/goodsDetails/goodsDetails')">
					<view class="su-list-icon" style="background-color:#16AB60;">
						<text class="demofont address">&#xe673;</text>
					</view>
					<view class="uni-list-cell-navigate uni-navigate-right">商品详情</view>
				</view>
				<view class="uni-list-cell uni-list-cell-last" @click="_toView('/pages/system/user/leave/leave')">
					<view class="su-list-icon" style="background-color:#FF7900;">
						<text class="demofont address">&#xe673;</text>
					</view>
					<view class="uni-list-cell-navigate uni-navigate-right">请假</view>
				</view>
			</view>
		</view>
		<view class="uni-card su-list">
			<view class="uni-list">
				<view class="uni-list-cell" @click="_noapp">
					<view class="su-list-icon" style="background-color:#46CA88;">
						<text class="iconfont su-cell-icon" style="font-size: 32upx;">&#xe60d;</text>
					</view>
					<view class="uni-list-cell-navigate uni-navigate-right">帮助中心</view>
				</view>
				<view class="uni-list-cell" @click="_noapp">
					<view class="su-list-icon" style="background-color:#FFA317;padding-top: 4upx;">
						<text class="iconfont su-cell-icon">&#xe641;</text>
					</view>
					<view class="uni-list-cell-navigate uni-navigate-right">分享给朋友</view>
				</view>
			</view>
		</view>
		<view class="uni-card su-list">
			<view class="uni-list">
				<view class="uni-list-cell">
					<view class="su-list-icon" style="background-color:#777D85;">
						<text class="iconfont su-cell-icon">&#xe60c;</text>
					</view>
					<view class="uni-list-cell-navigate uni-navigate-right">设置</view>
				</view>
			</view>
		</view>
		<view class="uni-card su-logout-card">
			<view class="uni-list">
				<view class="uni-list-cell" @click="_logout">
					<view class="uni-list-cell-navigate su-logout">退出登录</view>
				</view>
			</view>
		</view>
		<message ref="message"></message>
	</view>
</template>
<script>
	import pageJs from "./index.js";
	export default pageJs;
</script>
<style lang="scss" scoped>
	@import './index.scss';
	.address{
		color: #fff;
	}
</style>
